<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <f:view contentType="text/html">
        <h:head>
            <title>
                isimweb-muhasebe
            </title>
            <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

        </h:head>

        <h:body>

            <h:form id="form">  

                <h:panelGrid columns="4">  
                    <h:outputLabel for="name" value="Name: *" />  
                    <p:inputText id="name" value="#{Index.text}" label="name" required="true" requiredMessage="You must type something!"/>  
                    <p:commandButton value="Submit" update="bottomPanel" oncomplete="bottomBar.show();"/>  
                    <p:ajaxStatus style="height:24px;display:block;">  
                        <f:facet name="start">  
                            <h:graphicImage value="../design/ajaxloading.gif" />  
                        </f:facet>  

                        <f:facet name="complete">  
                            <h:outputText value="" />  
                        </f:facet>  
                    </p:ajaxStatus>  
                </h:panelGrid>  

                <p:notificationBar position="top" effect="slide" widgetVar="topBar" styleClass="top">  
                    <h:outputText value="What PrimeFaces has so far is just the beginning!" style="color:#FFCC00;font-size:36px;" />  
                </p:notificationBar>  

                <p:notificationBar position="bottom" effect="fade" widgetVar="bottomBar" styleClass="bottom">  
                    <f:facet name="close">  
                        <p:graphicImage value="/images/closebar.png" />  
                    </f:facet>  

                    <h:panelGroup id="bottomPanel" style="margin-right:200px;">  
                        <p:messages />  
                        <h:outputText value="Welcome #{Index.text}" rendered="#{not empty Index.text}"/>  
                    </h:panelGroup>  
                </p:notificationBar>  
            </h:form>   

        </h:body>
    </f:view>
</html>